---
id: css
title: css 常见优化方法  
---

利用DevTools测量样式计算开销
<img src="./img/css开销.png"></img>

- 降低CSS对渲染的阻塞
- 利用GPU进行完成动画
- 使用contain属性
- 使用font-display属性


https://developer.mozilla.org/zh-CN/docs/Web/Performance/CSS_JavaScript_animation_performance